/*
* @Author: mikey.zhaopeng
* @Date:   2016-05-03 17:02:57
* @Last Modified by:   mikey.zhaopeng
* @Last Modified time: 2016-05-11 16:20:45
*/

.abTest-container {
    padding: 20px;
    font-size:14px;
    color:#666666;
}

.query-block{
    display: flex;
}

.query-item{
    width:200px;
    display:inline-block;
    float:left;
    margin-right:20px;
}

.filter-icon{
    font-size: 20px;
    color: #979da3;
    height:0px !important;
    border:0px !important;
    padding: 0px !important;
    top:5px;
}

.abTest-container .date-range {
    background: #fff;
    cursor: pointer;
    border: 1px solid #aaa;
    width: 100%;
    height: 30px;
    display: inline-table;
}

.abTest-container .date-range div {
    padding: 6px;
}

.abTest-container span.select2 {
    max-height: 30px;
}

.abTest-container span.selection>span.select2-selection {
    max-height: 30px;
}

.abTest-container .col-filters .ndp-drop-wrapper {
    margin-bottom: 20px;
}

.abTest-container .form-group:nth-child(1) {
    margin-top: 0;
}

.graph-container{
    margin-top: 20px;
}

.block-title{
    font-size: 18px;
    color: #999999;
}

.block-icon{
    font-size: 20px;
    color: #979da3;
    margin-right: 10px;
}

.graph-block{
    height:397px;
    padding:20px 10px;
    border : 1px #e0e0e0 solid;
    margin-top:20px;
}

.graph-title{
    display: block;
    font-size: 14px;
    color: #666666;
    margin-bottom:20px;
}

.graph-dimension-change{
    display: flex;
    margin-bottom:20px;
}

.graph-dimension-change span{
    display: inline-block;
    float:left;
    color: #666666;
    margin-right: 10px;
}

.graph-dimension-change .dropdown{
    display: inline-block;
    float:left;
    color: #666666;
}

.left-graph{
    float:left;
    display:inline-block;
    width:70%;
    padding:0px 10px;
    height:357px;
    border-right:1px #eeeeee solid;
}

.right-graph{
    float:left;
    display:inline-block;
    padding:0px 20px;
    width:30%;
}

.indicator-bar-comparison, .dimension-comparison{
    width:100%;
    height:278px;
}

.line-single{
    /*margin-bottom:20px;*/
}

.line-single-label{
    display:inline-block;
    float:left;
    width:15%;
    text-align:right;
    position:relative;
    bottom: -60px;
    margin-right:10px;
    color:#666666;
}

.line-single-graph{
    display:inline-block;
    float:left;
    width:80%;
    height:75px;
}

.radar-graph{
    width: 100%;
    height:315px
}

.filter-condition-container{
    margin-top:20px;
    width:100%;
    height:500px;
    padding-top:30px;
    position: relative;
    border-top: 1px solid #e0e0e0;
}

.filter-block{
    margin-bottom: 20px;
    display: flex;
}

.filter-title{
    display:inline-block;
    float:left;
    width:200px;
    text-align:right;
    margin-right:20px;
}

.filter-footer{
    padding-top: 10px;
    border-top:1px solid #e0e0e0;
    position: absolute;
    bottom: 0;
    right:0px;
    width:100%;
}
.filter-footer button{
    float:right;
    margin-left: 10px;
}


.filter-condition-container .select2-c{
    width:710px;
}

.filter-check-label{
    margin-left: 25px;
    /*margin-right: 40px;*/
    width: 173px;
}

.query-btn-area{
    margin-left: 90px;
    margin-bottom:20px;
}

.tag-title{
    display: inline-block;
    float: left;
    top: 2px;
    position: relative;
}

.tag-container{
    display:inline-block;
    margin-left: 10px;
}

.tag{
    display:inline-block;
    background-color: #f7f0e8;
    color: #fc7408;
    margin-right:20px;
    padding: 3px 3px 3px 3px;
    margin-right: 10px;
    font-size: 12px;
}

.tag-remove{
    cursor: pointer;
    padding-right: 5px;
}

.query-result-area{
    margin-bottom:20px;
}

.query-result-item{
    margin-top:20px;
    margin-right:10px;
    display: inline-block;
}

.table-container{
    margin-top:20px;
    border-top:1px solid #e0e0e0;
    padding-top:30px;
}

#adTest-table{
    margin-top:10px;
}

.table-summary{
    margin-top: 20px;
    display: flex;
}

.table-summary-single{
    height: 24px !important;
    width: 60px;
    padding: 0px;
}

.table-summary .s-active{
    color: #fff;
    background-color: #fd9611;
    border-color: #fd9611;
}

.no-result{
    margin-top: 20px;
    border: 1px solid #e0e0e0;
    height: 55px;
    font-size: 16px;
    font-weight: 700;
    color: #999999;
    padding-top: 15px;
    padding-left: 15px;
}

/*.line-single-graph .echarts-tooltip{*/
    /*z-index:1000000;*/
/*}*/

.left-10{
    left:10px !important;
}

.left-128{
    left:128px !important;
}

.btn-85-30{
    padding-top: 4px;
    width:85px;
    height:30px;
}

.scope-label{
    width: 80px;
    text-align: right;
    top: 5px;
    position: relative;
}

.line-single-graph .echarts-tooltip{
    max-width:150px;
    max-height:70px;
    overflow:auto;
}

.radar-graph .legend-area{
    margin-left:20px;
}

.line-single .legend-area{
    margin-left:5px;
}

.radar-graph .echarts-tooltip{
    max-width:150px;
    max-height:150px;
    overflow-y:auto;
    /*overflow-x: hidden;*/
}

.indicator-bar-comparison   .echarts-tooltip{
    max-width:450px;
    max-height:200px;
    overflow-y:auto;
}

.radar-graph .collapse-sign.fold:before, .indicator-bar-comparison .legend-area .collapse-sign.fold:before{
    content: "+";
    top: -4px;
    position: relative;
    left: 1px;
}

.radar-graph .collapse-sign.unfold:before, .indicator-bar-comparison .legend-area .collapse-sign.unfold:before {
    content: "-";
    top: -4px;
    position: relative;
    left: 3px;
}

.line-single-graph .collapse-sign.fold:before{
    content: "+";
    top: -4px;
    position: relative;
    left: 1.5px;
}

.line-single-graph .collapse-sign.unfold:before {
    content: "-";
    top: -4px;
    position: relative;
    left: 3.5px;
}

